<template>
	<view>
		<view class="oderd">
			<view>
				<text>预约座位:{{}}</text>
			</view>
			<view>
				<text>预约时间:{{}}</text>
			</view>
			<view class="time">
				<text>订单金额:{{}}</text>
				<navigator url="/pages/orderDetails/orderDetails">
				<text class="text-r">订单详情</text>
				</navigator>
			</view>
			<view>
				<navigator url="/pages/orderDetails/orderDetails" hover-class="navigator-hover">
				<button type="default" size="default">扫码开门</button>
				</navigator>
			</view>
		</view>
		<view class="oderd">
			<view>
				<text>预约座位:{{}}</text>
			</view>
			<view>
				<text>预约时间:{{}}</text>
			</view>
			<view class="time">
				<text>订单金额:{{}}</text>
				<navigator url="/pages/orderDetails/orderDetails">
				<text class="text-r">订单详情</text>
				</navigator>
			</view>
			<view>
				<navigator url="/pages/orderDetails/orderDetails" hover-class="navigator-hover">
				<button type="default" size="default">扫码开门</button>
				</navigator>
			</view>
		</view>
		<view class="achieve">
			<view>
				<text>预约座位:{{}}</text>
			</view>
			<view>
				<text>预约时间:{{}}</text>
			</view>
			<view class="time">
				<text>订单金额:{{}}</text>
				<navigator url="/pages/orderDetails/orderDetails">
				<text class="text-r">订单详情</text>
				</navigator>
			</view>
			<hr>
			<text>订单完成</text>
		</view>
		<view class="past">
			<view>
				<text>预约座位:{{}}</text>
			</view>
			<view>
				<text>预约时间:{{}}</text>
			</view>
			<view class="time">
				<text>订单金额:{{}}</text>
				<navigator url="/pages/orderDetails/orderDetails">
				<text class="text-r">订单详情</text>
				</navigator>
			</view>
			<view>
				<hr>
				<text>订单已过期</text>
			</view>
		</view>
	</view>
</template>

<script>
	import{ref} from 'vue'
	export default {
		
	}
</script>

<style>
.oderd{
	width: 70%;
	height: 400rpx;
	box-shadow: darkgray 1px 1px 1px 1px;
	margin: 10% 10%;
	font-size: medium;
	padding: 40rpx;
}
.achieve{
	width: 70%;
	height: 400rpx;
	box-shadow: darkgray 1px 1px 1px 1px;
	margin: 10% 10%;
	font-size: medium;
	padding: 40rpx;
}
.past{
	width: 70%;
	height: 400rpx;
	box-shadow: darkgray 1px 1px 1px 1px;
	margin: 10% 10%;
	font-size: medium;
	padding: 40rpx;
}
view{
	padding: 5rpx;
}
.text-r{
	margin-left: 60%;
	color: rgb(164,164,252);
}
button{
	background: rgb(164,164,252);
	color: aliceblue;
}
</style>
